import React from 'react';
import { View, Text, Image, Dimensions } from 'react-native';
// import Swiper from './trueSwiper';
import Swiper from 'react-native-swiper';
const { width } = Dimensions.get('window');
const SwiperPage = () => {
	return (
		<Swiper style={{ height: 360, backgroundColor: '#fffffe' }}>
			<View style={{ width: '100%', height: 160 }}>
				<Text>2</Text>
				<Image
					source={{
						uri: 'http://60.191.15.90:3002/MESHOP01/M00/0A/B8/ywPsn1_bAtOARqAUAACwuamTdaU497.jpg',
					}}
					style={[{ width, height: '100%', backgroundColor: '#FFF' }]}
					resizeMode="contain"
				/>
			</View>
			<View style={{ width: '100%', height: 160 }}>
				<Text>2</Text>
				<Image
					source={{
						uri: 'http://60.191.15.90:3002/MESHOP01/M00/08/9D/ywPsoF9izQWAIxmYAAKV3ad0SUc498.png',
					}}
					style={[{ width, height: '100%', backgroundColor: 'red' }]}
				/>
			</View>
			<View style={{ width: '100%', height: 160 }}>
				<Text>3</Text>
				<Image
					source={{
						uri: 'http://60.191.15.90:3002/MESHOP01/M00/08/9E/ywPsoV9izReAfLZnAAJZB3CcX_g050.png',
					}}
					style={[{ width, height: '100%', backgroundColor: 'green' }]}
				/>
			</View>
			<View style={{ width: '100%', height: 160 }}>
				<Text>4</Text>
				<Image
					source={{
						uri: 'http://60.191.15.90:3002/MESHOP01/M00/0B/A0/ywPsoV_4KnqAEC9dAAF6UfZexB8743.png',
					}}
					style={[{ width, height: '100%', backgroundColor: '#FFF' }]}
				/>
			</View>
		</Swiper>
	);
};
export default SwiperPage;
